 // 数据汇总组件
 
import React, {useState, useEffect} from 'react';
import {Text, View, StyleSheet} from 'react-native';
import {VStack, HStack, Center} from 'native-base';

const SummaryArray = () => {
  const [money, setMoney] = useState('10000');
  return (
    <HStack
      direction="row"
      mb="2.5"
      mt="1.5"
      ml="5"
      space={3}
      style={styles.conts}>
      <Center style={styles.contlist}>
        <View style={styles.listtop}>
          <Text style={styles.ltext}>昨日商家让利总额</Text>
        </View>
        <View style={styles.listbot}>
          <Text style={styles.btext}>{money}</Text>
          <Text style={styles.btext}>RMB</Text>
        </View>
      </Center>
      <Center style={styles.contlist}>
        <View style={styles.listtop}>
          <Text style={styles.ltext}>昨日通证总数量</Text>
        </View>
        <View style={styles.listbot}>
          <Text style={styles.btext}>{money}</Text>
          <Text style={styles.btext}>枚</Text>
        </View>
      </Center>
      <Center style={styles.contlist}>
        <View style={styles.listtop}>
          <Text style={styles.ltext}>昨日通证价格</Text>
        </View>
        <View style={styles.listbot}>
          <Text style={styles.btext}>{money}</Text>
          <Text style={styles.btext}>RMB</Text>
        </View>
      </Center>
    </HStack>
  );
};

const styles = StyleSheet.create({
  conts: {
    width: '100%',
  },
  contlist: {
    width: '28%',
    borderRadius: 10,

    borderRadius: 10,
    padding: 0,
  },
  listtop: {
    alignItems: 'center',
    width: '100%',
    backgroundColor: '#5490FA',
    paddingTop: 13,
    paddingBottom: 10,
    borderTopLeftRadius: 10,
    borderTopRightRadius: 10,
  },
  ltext: {
    color: '#ffffff',
    fontSize: 12,
  },
  listbot: {
    alignItems: 'center',
    width: '100%',
    backgroundColor: '#ffffff',
    paddingTop: 15,
    paddingBottom: 15,
    borderBottomLeftRadius: 10,
    borderBottomRightRadius: 10,
  },
  btext: {
    color: '#F78D28',
    fontSize: 18,
  },
});

export default SummaryArray;
